<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="jquery\jquery.js"></script>
</head>

<body>

    <div>srcset</div>
    <div>Google</div>
    <script>
        $(document).ready(function(){
            $("div").css("backgroundColor","red");
            
        })
    </script>    

    <script>
        $(document).ready(function(){
            $("p").click(function(){
                $(this).hide();
            });
        });
    </script>

    <p>如果你点我，我就会消失</p>
    <p>继续点我！</p>
    <p>接着点我！</p>

    <h1 id="a">hello</h1>
    <script>
        // var h1 = document.getElementById("a");
        // h1.style.color = "red";

        $(document).ready(function(){
            $("#a").css("color","blue");
            // var $x = $("#a");
            // var x = $x[0];//$x.get(0)
            // x.style.color = "yellow";

        })

        /*jquery 的两种写法*/
        // $(document).ready(function(){
        //     alert("hello jquery");
        // });

        // $(function(){
        //     alert("hello jquery123");
        // })

    </script>
</body>
</html>